<template>
  <div class="overall">
    <el-container>
      <el-header>
        <div style="margin-top: 38px" class="header-top">
          <el-divider><span style="font-size: 25px">申报成果</span></el-divider>
        </div>
      </el-header>

      <el-container>
        <el-aside class="down-aside" style="width: 30%">
          <div class="aside-left">
          <div style="height: 660px; margin-top: 12px; margin-left: 65px">

            <el-steps direction="vertical" :active="active" finish-status="success">

              <el-step style="margin-top: 95px;line-height: 20px" icon="el-icon-edit" >
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #409EFF;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">
                 <img src="~@/assets/icons/imageicon/1010.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;border: 1px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">基本情况、成果情况填写</span>
                </el-tag>
                </span>
              </el-step>

              <el-step style="line-height: 33px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #787be8;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1002.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">产生背景、发明人/完成人信息</span>
                </el-tag></span>
              </el-step>

              <el-step style="line-height: 33px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #409EFF;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1003.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">关联情况、评估结果、定价方式</span>
                </el-tag></span>
              </el-step>

              <el-step style="line-height: 33px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #787be8;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1004.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">交易情况、付款方式</span>
                </el-tag></span>
              </el-step>

              <el-step style="line-height: 35px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #409EFF;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1005.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">发明人/完成人承诺</span>
                </el-tag></span>
              </el-step>

              <el-step style="line-height: 35px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #787be8;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1006.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height:45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">研发团队成员及收益分配比例</span>
                </el-tag></span>
              </el-step>

              <el-step style="line-height: 30px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #409EFF;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1007.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">需携带材料</span>
                </el-tag></span>
              </el-step>


            </el-steps>
          </div></div>

        </el-aside>

      <el-main style="width: 70%" v-show="this.active==0">
        <div class="table-middle">
        <div style="font-size: 25px;
        border-radius: 4px;
        margin-top: 5px;width: 1120px;
        line-height: 70px;
        margin-left: 73px">渤海大学创新创业成果转化审批表</div>
        <div class="table-main">
          <el-form ref="form" :model="form" :rules="rules" >
          <el-row style="display: flex;margin-top: 0px;margin-left: 75px;">
            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #F4F4F5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">成果名称</span>
            </el-col>
            <el-col style="border-radius: 4px;
            border-top: 0px solid #C0C4CC;
            border-bottom: 0px solid #C0C4CC;
            border-right: 0px solid #C0C4CC;
            height: 36px;width: 920px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-input v-model="form.resultName" placeholder="请输入成果名称" style="border:none;"></el-input>
            </el-col>
          </el-row>

          <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">团队负责人</span>
            </el-col>
            <el-col style="border-radius: 4px;
            border-top: 0px solid #C0C4CC;
            border-bottom: 0px solid #C0C4CC;
            border-right: 0px solid #C0C4CC;
            height: 36px;width: 380px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-input v-model="input" placeholder="请输入团队负责人" style="border:none;width: 400px"></el-input>
            </el-col>

            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">完成单位(院系)</span>
            </el-col>
            <el-col style="border-top: 0px solid #C0C4CC;
            border-radius: 4px;
            height: 36px;width: 380px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-select v-model="value" clearable placeholder="请选择单位(院系)" style="border:none;width: 960px;line-height: 55px;line-height: 20px">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-col>
          </el-row>

          <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">申请转化单位</span>
            </el-col>
            <el-col style="border-top: 0px solid #C0C4CC;
            height: 36px;width: 380px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-select v-model="value" clearable placeholder="请选择单位(院系)" style="border:none;width: 960px;line-height: 55px;line-height: 20px">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-col>

            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            border-bottom: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">转化地区</span>
            </el-col>
            <el-col style="border-top: 0px solid #C0C4CC;
            border-radius: 4px;
            height: 36px;width: 380px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-input v-model="input" placeholder="请输入转化地区" style="border:none;width: 960px;"></el-input>
            </el-col>
          </el-row>

          <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">转化方式</span>
            </el-col>
            <el-col style="border-radius:4px;
            border-top: 0px solid #C0C4CC;
            border-right: 1px solid #e1d7f0;
            border-left: 1px solid #e1d7f0;
            height: 36px;width: 960px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: left; align-items: center;">
              <el-radio v-model="radio" label="1" style="display: flex; align-items: center;margin-left: 40px">
                <span style="font-size: 13px">转让</span>
              </el-radio>
              <el-radio v-model="radio" label="2" style="display: flex; align-items: center;margin-left: 20px">
                <span style="font-size: 13px">许可</span>
              </el-radio>

            </el-col>
          </el-row>

          <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">联系人</span>
            </el-col>
            <el-col style="border-top: 0px solid #C0C4CC;
            height: 36px;width: 380px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-input v-model="input" placeholder="请输入联系人" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
            </el-col>

            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">联系电话</span>
            </el-col>
            <el-col style="border-top: 0px solid #C0C4CC;
            height: 36px;width: 380px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-input v-model="input" placeholder="请输入联系电话" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
            </el-col>
          </el-row>

          <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-bottom: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">指导教师姓名</span>
            </el-col>
            <el-col style="border-radius: 4px;
            border-top: 0px solid #C0C4CC;
            border-bottom: 0px solid #C0C4CC;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-input v-model="input" placeholder="请输入指导教师姓名" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
            </el-col>

            <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-bottom: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">知识产权数量</span>
            </el-col>
            <el-col style="border-radius: 4px;
            border-top: 0px solid #C0C4CC;
            border-bottom: 0px solid #C0C4CC;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-input v-model="input" placeholder="请输入知识产权数量" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
            </el-col>
          </el-row>

          <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
            <el-col style="height: 55px;width: 1120px;border-radius: 4px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-divider><span style="font-size: 15px;">基本情况(若存在联合申请等情况导致出现多个权利人时，请</span>
                <span style="font-size: 15px;color: #2f81d5"><el-button type="text">新增</el-button></span>
                <span style="font-size: 15px;">)</span></el-divider>
            </el-col>
          </el-row>

          <el-row style="display: flex;margin-top: 0px;margin-left: 75px;width: 1120px;">
          <el-table
            :data="tableData"
            height="205"
            border
            style="width: 1120px;white-space: nowrap;border-radius: 4px;"
            :cell-style="{textAlign: 'center'}"
            :header-cell-style="{fontSize: '13px', whiteSpace: 'nowrap',backgroundColor: '#f4f4f5'}">
            <el-table-column label="成果类型" align="center" prop="rstype">
            </el-table-column>
            <el-table-column label="成果名称" align="center" prop="rsname">
            </el-table-column>
            <el-table-column style="white-space: nowrap;" label="专利号/软著登记证书号" align="center"></el-table-column>
            <el-table-column label="权利人" align="center"></el-table-column>
            <el-table-column label="发明人" align="center"></el-table-column>
            <el-table-column label="操作" align="center">
              <el-button icon="el-icon-delete" style="border: none"></el-button>
            </el-table-column>
          </el-table>
<!--            <el-pagination
              background
              layout="prev, pager, next"
              :total="50">
            </el-pagination>-->
          </el-row>

          <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
            <el-col style="height: 55px;width: 1120px;border-radius: 4px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-divider><span style="font-size: 15px;">成果情况</span></el-divider>
            </el-col>
          </el-row>

          <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
            <el-col style="border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            border-bottom: 1px solid #C0C4CC;
            border-radius: 4px;
            height: 54px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
              <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
              <span style="font-size: 16px">成果情况</span>
            </el-col>
            <el-col style="border-top: 0px solid #C0C4CC;
            border-right: 0px solid #C0C4CC;
            border-bottom: 0px solid #C0C4CC;
            border-radius: 4px;
            height: 54px;width: 960px;
            background-color: #FFFFFF;text-align: center;display: flex; justify-content: center; align-items: center;">
              <el-input
                type="textarea"
                :rows="2"
                placeholder="请输入(序号，成果类别，名称，授权号，授权日期，证书编号，权利人，发明人，发明专利有效状态，技术产生背景，技术简要说明及应用范围等)"
                v-model="textarea"
                class="custom-input">
              </el-input>
            </el-col>
          </el-row>

          <el-row style="display: flex;margin-top: 20px;">
            <el-button  @click="nextStep1"
              style="height: 40px;width: 110px;font-size: 15px;margin-left: 900px;background-color: #1c84c6;color: #FFFFFF">

              下一步</el-button>
            <el-button  @click="shangStep">

              上一步</el-button>
          </el-row>
          </el-form>
        </div>

        </div>
      </el-main>

        <el-main style="width: 70%" v-show="this.active==1">
          <div class="table-middle">
            <div style="font-size: 25px;
        border-radius: 4px;
        margin-top: 5px;width: 1120px;
        line-height: 70px;
        margin-left: 73px">渤海大学创新创业成果转化审批表2</div>
            <div class="table-main">
              <el-form ref="form" :model="form" :rules="rules" >


                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                  <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">团队负责人</span>
                  </el-col>
                  <el-col style="border-radius: 4px;
            border-top: 0px solid #C0C4CC;
            border-bottom: 0px solid #C0C4CC;
            border-right: 0px solid #C0C4CC;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-input v-model="form.firstName" placeholder="请输入团队负责人" style="border:none;width: 400px"></el-input>
                  </el-col>

                  <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">完成单位(院系)</span>
                  </el-col>
                  <el-col style="border-top: 0px solid #C0C4CC;
            border-radius: 4px;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-select v-model="value" clearable placeholder="请选择单位(院系)" style="border:none;width: 960px;line-height: 55px;line-height: 20px">
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </el-col>
                </el-row>

                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                  <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">申请转化单位(院系)</span>
                  </el-col>
                  <el-col style="border-top: 0px solid #C0C4CC;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-select v-model="value" clearable placeholder="请选择单位(院系)" style="border:none;width: 960px;line-height: 55px;line-height: 20px">
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </el-col>

                  <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            border-bottom: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">转化地区</span>
                  </el-col>
                  <el-col style="border-top: 0px solid #C0C4CC;
            border-radius: 4px;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-input v-model="input" placeholder="请输入转化地区" style="border:none;width: 960px;"></el-input>
                  </el-col>
                </el-row>

                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                  <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">转化方式</span>
                  </el-col>
                  <el-col style="border-radius:4px;
            border-top: 0px solid #C0C4CC;
            border-right: 1px solid #e1d7f0;
            border-left: 1px solid #e1d7f0;
            height: 36px;width: 960px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: left; align-items: center;">
                    <el-radio v-model="radio" label="1" style="display: flex; align-items: center;margin-left: 40px">
                      <span style="font-size: 13px">转让</span>
                    </el-radio>
                    <el-radio v-model="radio" label="2" style="display: flex; align-items: center;margin-left: 20px">
                      <span style="font-size: 13px">许可</span>
                    </el-radio>

                  </el-col>
                </el-row>

                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                  <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">联系人</span>
                  </el-col>
                  <el-col style="border-top: 0px solid #C0C4CC;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-input v-model="input" placeholder="请输入联系人" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
                  </el-col>

                  <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">联系电话</span>
                  </el-col>
                  <el-col style="border-top: 0px solid #C0C4CC;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-input v-model="input" placeholder="请输入联系电话" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
                  </el-col>
                </el-row>

                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                  <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-bottom: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">指导教师姓名</span>
                  </el-col>
                  <el-col style="border-radius: 4px;
            border-top: 0px solid #C0C4CC;
            border-bottom: 0px solid #C0C4CC;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-input v-model="input" placeholder="请输入指导教师姓名" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
                  </el-col>

                  <el-col style="border-radius:4px;
            border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-bottom: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            height: 36px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">知识产权数量</span>
                  </el-col>
                  <el-col style="border-radius: 4px;
            border-top: 0px solid #C0C4CC;
            border-bottom: 0px solid #C0C4CC;
            height: 36px;width: 400px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-input v-model="input" placeholder="请输入知识产权数量" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
                  </el-col>
                </el-row>

                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                  <el-col style="height: 55px;width: 1120px;border-radius: 4px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-divider><span style="font-size: 15px;">基本情况(若存在联合申请等情况导致出现多个权利人时，请</span>
                      <span style="font-size: 15px;color: #2f81d5"><el-button type="text">新增</el-button></span>
                      <span style="font-size: 15px;">)</span></el-divider>
                  </el-col>
                </el-row>

                <el-row style="display: flex;margin-top: 0px;margin-left: 75px;width: 1120px;">
                  <el-table
                    :data="tableData"
                    height="205"
                    border
                    style="width: 1120px;white-space: nowrap;border-radius: 4px;"
                    :cell-style="{textAlign: 'center'}"
                    :header-cell-style="{fontSize: '13px', whiteSpace: 'nowrap',backgroundColor: '#f4f4f5'}">
                    <el-table-column label="成果类型" align="center" prop="rstype">
                    </el-table-column>
                    <el-table-column label="成果名称" align="center" prop="rsname">
                    </el-table-column>
                    <el-table-column style="white-space: nowrap;" label="专利号/软著登记证书号" align="center"></el-table-column>
                    <el-table-column label="权利人" align="center"></el-table-column>
                    <el-table-column label="发明人" align="center"></el-table-column>
                    <el-table-column label="操作" align="center">
                      <el-button icon="el-icon-delete" style="border: none"></el-button>
                    </el-table-column>
                  </el-table>
                  <!--            <el-pagination
                                background
                                layout="prev, pager, next"
                                :total="50">
                              </el-pagination>-->
                </el-row>

                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                  <el-col style="height: 55px;width: 1120px;border-radius: 4px;
            background-color: #FFFFFF;
            text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-divider><span style="font-size: 15px;">成果情况</span></el-divider>
                  </el-col>
                </el-row>

                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                  <el-col style="border-top: 1px solid #C0C4CC;
            border-left: 1px solid #C0C4CC;
            border-right: 1px solid #C0C4CC;
            border-bottom: 1px solid #C0C4CC;
            border-radius: 4px;
            height: 54px;width: 160px;
            background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                    <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                    <span style="font-size: 16px">成果情况</span>
                  </el-col>
                  <el-col style="border-top: 0px solid #C0C4CC;
            border-right: 0px solid #C0C4CC;
            border-bottom: 0px solid #C0C4CC;
            border-radius: 4px;
            height: 54px;width: 960px;
            background-color: #FFFFFF;text-align: center;display: flex; justify-content: center; align-items: center;">
                    <el-input
                      type="textarea"
                      :rows="2"
                      placeholder="请输入(序号，成果类别，名称，授权号，授权日期，证书编号，权利人，发明人，发明专利有效状态，技术产生背景，技术简要说明及应用范围等)"
                      v-model="textarea"
                      class="custom-input">
                    </el-input>
                  </el-col>
                </el-row>

                <el-row style="display: flex;margin-top: 20px;">
                  <el-button  @click="nextStep2"
                              style="height: 40px;width: 110px;font-size: 15px;margin-left: 1080px;background-color: #1c84c6;color: #FFFFFF">

                    下一步</el-button>
                  <el-button  @click="shangStep">

                    上一步</el-button>
                </el-row>
              </el-form>
            </div>

          </div>
        </el-main>
      </el-container>

    </el-container>
  </div>
</template>

<script>
  import { listAchievement, getAchievement, delAchievement, addAchievement, updateAchievement,aduitAchievement,signTransform,getTransform,Checksign,Outsign } from "@/api/module/cjl/achievement";

  import ScrollPane from "@/layout/components/TagsView/ScrollPane";
export default {
  name: "writeform",
  components: {ScrollPane},
  data () {
    return {
      tempid:null,
      form: {

      },
      // 表单校验
      rules: {
      },
      active:0,
      radio: '1',
      tableData: [{
        rstype: '专利',
        rsname: '王小虎',
      },{
        rstype: '软著',
        rsname: '王小虎',
      },{
        rstype: '软著',
        rsname: '王小虎',
      },{
        rstype: '软著',
        rsname: '王小虎',
      },{
        rstype: '软著',
        rsname: '王小虎',
      }],
      options: [{
        value: '选项1',
        label: '信息科学与技术学院'
      }, {
        value: '选项2',
        label: '控制学院'
      }, {
        value: '选项3',
        label: '美术学院'
      }, {
        value: '选项4',
        label: '化学学院'
      }, {
        value: '选项5',
        label: '食品学院'
      }],
      value: ''
    };
  },
  created() {
    this.handleUpdate();
  },
  methods:{
    nextStep() {

      if (this.form.id != null) {

        aduitAchievement(this.form).then(response => {
          this.$modal.msgSuccess("提交成功");
          this.active += 1 // 将激活的索引加一
        });
      }
    },
    nextStep2() {
      addAchievement(this.form).then(response => {
        this.$modal.msgSuccess("新增成功");

        this.getList();
      });
    },
    nextStep1() {
      this.active += 1 // 将激活的索引加一

    },
    shangStep(){
      this.active -= 1 // 将激活的索引加一
    },
    getList() {
      this.loading = true;
      listAchievement(this.queryParams).then(response => {
        this.achievementList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    handleUpdate() {

     /* const id =1;*/
      getAchievement(id).then(response => {
        console.log(response.data)
        this.form = response.data;
        this.open = true;
        this.title = "修改成果信息";
      });
    },
  }
}
</script>

<style>
.header-top{
  background-color: #FFFFFF;
}
.el-container {
  margin-bottom: 40px;
}
.el-header{
  background-color: #FFFFFF;
  color: #333;
  text-align: center;
}
.el-aside {
  height: 760px;
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  margin-top: 5px;
  border-radius: 4px;
  margin-left: 5px;
  border-radius: 4px;
  margin-bottom: 1px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}
.aside-left{
  height: 750px;
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}

.el-main {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  margin-top: 5px;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 5px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  overflow-y: auto;
  overflow-x: hidden;
}
.table-middle{
  height: 750px;
  background-color: #FFFFFF;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  overflow-y: auto;
  overflow-x: hidden;
}


.down-aside{
  height: 800px;
}
::-webkit-scrollbar{
  width: 0!important;
}
::-webkit-scrollbar {
  width: 0 !important;
  height: 0;
}

.custom-input{
  height: 100%;
  box-sizing: border-box;
  border: none;
}
.custom-input::placeholder {
  font-size: 40px; /* 调整字号为 20px */
}
.el-step__description {
  position: relative;   /* 使描述部分相对定位 */
  top: -12px;   /* 向上移动描述部分 */
}
</style>
